{*
 +--------------------------------------------------------------------+
 | CiviCRM version 3.3                                                |
 +--------------------------------------------------------------------+
 | Copyright CiviCRM LLC (c) 2004-2010                                |
 +--------------------------------------------------------------------+
 | This file is a part of CiviCRM.                                    |
 |                                                                    |
 | CiviCRM is free software; you can copy, modify, and distribute it  |
 | under the terms of the GNU Affero General Public License           |
 | Version 3, 19 November 2007 and the CiviCRM Licensing Exception.   |
 |                                                                    |
 | CiviCRM is distributed in the hope that it will be useful, but     |
 | WITHOUT ANY WARRANTY; without even the implied warranty of         |
 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.               |
 | See the GNU Affero General Public License for more details.        |
 |                                                                    |
 | You should have received a copy of the GNU Affero General Public   |
 | License and the CiviCRM Licensing Exception along                  |
 | with this program; if not, contact CiviCRM LLC                     |
 | at info[AT]civicrm[DOT]org. If you have questions about the        |
 | GNU Affero General Public License or the licensing of CiviCRM,     |
 | see the CiviCRM license FAQ at http://civicrm.org/licensing        |
 +--------------------------------------------------------------------+
*}

<tr>
<td class="label">{$form.option_type.label}</td>
<td class="html-adjust">{$form.option_type.html}<br />
    <span class="description">{ts}You can create new response options for this survey, or select an existing survey response set which you've already created for another survey.{/ts}</span>
</td>
</tr>

<tr id="option_group" {if !$form.option_group_id}class="hiddenElement"{/if}>
  <td class="label">{$form.option_group_id.label}</td>
  <td class="html-adjust">{$form.option_group_id.html}</td>
</tr>

<tr id="multiple">
<td colspan="2" class="html-adjust">
    <fieldset><legend>{ts}Response Options{/ts}</legend>
    <span class="description">
        {ts}Enter up to ten (10) multiple choice options in this table (click 'another choice' for each additional choice).You can use existing response options set options by selecting survey response set.{/ts} 
    </span>
    <br />
	{strip}
	<table id="optionField">
	<tr>
        <th>&nbsp;</th>
        <th> {ts}Default{/ts}</th>
        <th> {ts}Label{/ts}</th>
        <th> {ts}Value{/ts}</th>
	<th> {ts}Recontact Interval{/ts}</th>
        <th> {ts}Weight{/ts}</th>
    </tr>
	
	{section name=rowLoop start=1 loop=12}
	{assign var=index value=$smarty.section.rowLoop.index}
	<tr id="optionField_{$index}" class="form-item {cycle values="odd-row,even-row"}">
        <td> 
        {if $index GT 1}
            <a onclick="showHideRow({$index});" name="optionField_{$index}" href="javascript:void(0)" class="form-link"><img src="{$config->resourceBase}i/TreeMinus.gif" class="action-icon" alt="{ts}hide field or section{/ts}"/></a>
        {/if}
        </td>
	    <td> 
		<div id="radio{$index}">
		     {$form.default_option[$index].html} 
		</div>
	
	    </td>
	    <td> {$form.option_label.$index.html}</td>
	    <td> {$form.option_value.$index.html}</td>
	    <td> {$form.option_interval.$index.html}</td>
	    <td> {$form.option_weight.$index.html}</td>
	</tr>
    {/section}
    </table>
	<div id="optionFieldLink" class="add-remove-link">
        <a onclick="showHideRow();" name="optionFieldLink" href="javascript:void(0)" class="form-link"><img src="{$config->resourceBase}i/TreePlus.gif" class="action-icon" alt="{ts}show field or section{/ts}"/>{ts}another choice{/ts}</a>
    </div>
	<span id="additionalOption" class="description">
		{ts}If you need additional options - you can add them after you Save your current entries.{/ts}
	</span>
    {/strip}
    
</fieldset>
</td>
</tr>

<script type="text/javascript">
    var showRows   = new Array({$showBlocks});
    var hideBlocks = new Array({$hideBlocks});
    var rowcounter = 0;
    var surveyId   = {if $surveyId}{$surveyId}{else}''{/if};
    
    {literal}
    if (navigator.appName == "Microsoft Internet Explorer") {    
	for ( var count = 0; count < hideBlocks.length; count++ ) {
	    var r = document.getElementById(hideBlocks[count]);
            r.style.display = 'none';
        }
    }
    
    function showOptionSelect( ) {
        if ( document.getElementsByName("option_type")[0].checked ) {
            cj('#option_group').hide();
            cj('#default_option').val(''); 
        } else {
            cj('#option_group').show();
            loadOptionGroup( );
        }
    }

    function resetResultSet( ) {
        for( i=1; i<=11; i++ ) {
            cj('#option_label_'+ i).val('');
            cj('#option_value_'+ i).val('');
            cj('#option_weight_'+ i).val('');
            cj('#option_interval_'+ i).val('');
            if ( i > 2 ) {
                showHideRow(i);
            }
        }
    }

    function loadOptionGroup( ) {
        var data = new Object;
	
        resetResultSet( );
        if ( cj('#option_group_id').val() ) { 
            data['option_group_id'] = cj('#option_group_id').val();
            data['survey_id'] = surveyId;
        } else {
            return false;
        }

     	var dataUrl = {/literal}"{crmURL p='civicrm/ajax/rest' h=0 q='className=CRM_Campaign_Page_AJAX&fnName=loadOptionGroupDetails' }"{literal}	          
	
	    // build new options
    	cj.post( dataUrl, data, function( opGroup ) {
	       if ( opGroup.status == 'success' ) {
	         var result = opGroup.result;
             var countRows = 1;
	       	 for( key in result ) {
                cj('#option_label_'+ countRows).val( result[key].label);
                cj('#option_value_'+ countRows).val( result[key].value);
                cj('#option_weight_'+ countRows).val( result[key].weight);

                if ( surveyId && result[key].interval ) {
                    cj('#option_interval_'+ countRows).val( result[key].interval);
                }

                if ( result[key].is_default == 1 ) {
                    cj('#radio'+countRows+' input').attr('checked', 'true');
                } 

                if ( countRows > 1 ) {
                    showHideRow( );
                }
                countRows +=1; 
		    }
	      }		 
	    }, "json" );
  }
    
    cj(document).ready( function( ) {
        showOptionSelect( );
    });

    {/literal}	
    on_load_init_blocks( showRows, hideBlocks, '' );
</script>

